<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<%@include file="/views/common/include/taglib.jsp"%>
<%@include file="/views/common/include/head.jsp"%>
<link rel="stylesheet" href="${ctx}/css/page/header2.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/ts-demo.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/footer.css" type="text/css">
<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/sectionparent.css" source="widget" />
<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/admin.css" source="widget" />
 <style type="text/css">
 .emStyle{
 	color: red;
    position: absolute;
    line-height: 30px;
 }
 em{
 font-family: -webkit-pictograph;
    margin-left: -10px;
 }

/* 星级评分 */
.shop-rating {
    height: 25px;
    overflow: hidden;
    zoom: 1;
    padding: 2px 0px;
    position: relative;
    z-index: 4;
}
.shop-rating span {
    height: 23px;
    display: block;
    line-height: 23px;
    float: left;
}
.shop-rating span.title {
    width: 150px;
    text-align: right;
    margin-right: 5px;
}
.shop-rating ul {
    float: left;
    margin:0;padding:0
}
.shop-rating .result {
    margin-left: 20px;
    padding-top: 2px;
}
.shop-rating .result span {
    color: #ff6d02;
}
.shop-rating .result em {
    color: #f60;
    font-family: arial;
    font-weight: bold;
}
.shop-rating .result strong {
    color: #666666;
    font-weight: normal;
}
.rating-level,
.rating-level a {
    background: url(http://www.nowamagic.net/librarys/images/veda/star_v2.png) no-repeat scroll 1000px 1000px;
}
.rating-level {
    background-position: 0px 0px;
    width: 120px;
    height: 23px;
    position: relative;
    z-index: 1000;
}
.rating-level li {
    display: inline;
}
.rating-level a {
    line-height: 23px;
    height: 23px;
    position: absolute;
    top: 0px;
    left: 0px;
    text-indent: -999em;
    *zoom: 1;
    outline: none;
}
.rating-level a.one-star {
    width: 20%;
    z-index: 6;
}
.rating-level a.two-stars {
width: 40%;
z-index: 5;
}
.rating-level a.three-stars {
    width: 60%;
    z-index: 4;
}
.rating-level a.four-stars {
    width: 80%;
    z-index: 3;
}
.rating-level a.five-stars {
    width: 100%;
    z-index: 2;
}
.rating-level .current-rating,.rating-level a:hover{background-position:0 -28px;}
.rating-level a.one-star:hover,.rating-level a.two-stars:hover,.rating-level a.one-star.current-rating,.rating-level a.two-stars.current-rating{background-position:0 -116px;}
.rating-level .three-stars .current-rating,.rating-level .four-stars .current-rating,.rating-level .five-stars .current-rating{background-position:0 -28px;}
</style>
</head>
<body>
<jsp:include page="/views/common/head_main.jsp" />

<div class="bg">
    <div class="contentbox contentbox1">
        <img src="${ctx}/images/tsjy/ts1.png">
        <div class="nav-list">  
            <ul>
                <li><img src="${ctx}/images/wuye/wy2.png"/>提交投诉建议<div id="show-box" class="bottom-box "></div></li>
                <li><img src="${ctx}/images/wuye/wy3.png"/><a href="${ctx}/complaintsInfo/infoList" style="color:black">我的投诉建议</a><div class="bottom-box "></div></li>
            </ul>
        </div>
                
    <div class="content">
       
            <table class="my-advice" style="/* width:630px; */">
                <tr>
                    <td width="80px;"><em class="emStyle">*</em>投诉对象：</td>
                    <td>
                        <input id="suggestionType1" type="radio" class="obj" name="complaObj" value="0">&nbsp;平台<span class="middle-raido">
                        <input id="suggestionType0" type="radio" class="obj" name="complaObj" value="1" checked="checked">&nbsp;商家 </span>
                        <input id="suggestionType2" type="radio" class="obj" name="complaObj" value="2">&nbsp;物业</td>
                </tr>
                <tr>
                                    
                    <td><em class="emStyle">*</em>申诉类别：</td>
                    <td><input id="complainType0" type="radio" class="type" name="compla" value="0" checked="checked">&nbsp;投诉 <span class="middle-raido" >
                        <input id="complainType1" type="radio" class="type" name="compla" value="1">&nbsp;建议</span></td>
                </tr>
                <tr>
                    <td><em class="emStyle">*</em>标题：</td>
                    <td>
                    	<input maxlength="50" type="text" class="input-text"  id="title" onblur="checkTitle();" value="${shopInfo.name}">
                        <input type="hidden" id="shopId" value="${shopInfo.id}"/>
                    </td>
                </tr>
                <tr>
                    <td ><em class="emStyle">*</em>选择房屋：</td>
                    <td><select class="select-text" id="houseId" onblur="checkHouse();">
                        <option value="">选择房屋</option>
                                <c:forEach items="${cellHouseList}" var="item" varStatus="status">
                                <option id="${item.name}" value="${item.id}">
                                ${item.cellName}${item.regionName}${item.buildingName}${item.unitName}${item.name}室</option>
                                </c:forEach>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td><em class="emStyle">*</em>联系人:</td>
                    <td><input maxlength="20" type="text" class="input-text" id="contactor" onblur="checkContactor();"/></td>
                </tr>
                <tr>
                    <td><em class="emStyle">*</em>联系电话:</td>
                    <td><input type="text" class="input-text" id="contactorPhone" onblur="checkContactorPhone();"></td>
                </tr>
                <tr>
                    <td><em class="emStyle">*</em>问题描述：</td>
                    <td><textarea onpropertychange="if(value.length>500) value=value.substr(0,500)" maxlength="500" class="text-area" id="content" onblur="checkContent();"></textarea></td>
                </tr>
						<tr>
							<td><em class="emStyle">*</em>危害程度：</td>
							<td><input id="level" type="hidden" value="" />
								<div class="shop-rating">
									<ul class="rating-level" id="stars1" onblur="checkLevel();">
										<li><a class="one-star" star:value="1" href="#">1</a></li>
										<li><a class="two-stars" star:value="2" href="#">2</a></li>
										<li><a class="three-stars" star:value="3" href="#">3</a></li>
										<li><a class="four-stars" star:value="4" href="#">4</a></li>
										<li><a class="five-stars" star:value="5" href="#">5</a></li>
									</ul>
									<span class="result" id="stars1-tips"></span> <input
										type="hidden" id="stars1-input" name="a" value="" size="2" />
								</div></td>
						</tr>
						<tr>
							<td><em class="emStyle">*</em>类型：</td>
							<td><select class="select-text" id="type" onblur="checkType();">
									<option value="-1">请选择类型</option>
									<option value="0">环境管理类</option>
									<option value="1">秩序维护类</option>
									<option value="2">客户服务类</option>
									<option value="3">设备管理与维修</option>
							</select></td>
						</tr>
						<tr>
                    <td colspan="2"><img class="ts5-img"src="${ctx}/images/tsjy/ts5.png">&nbsp;&nbsp;&nbsp;上传照片，最多5张</td>
                </tr>
                <tr>
                    <td></td>
                    <td><div style="margin-top: 10px;width:100%;height:100%;">
                            <input id="imgLength" type="hidden" value="${fn:length(imgs)}">
                            <div id="imgArea" style="float:left;  width:460px;  " >
                                <c:if test="${fn:length(imgs) > 0}">
                                    <c:forEach items="${imgs}" var="item" varStatus="status">
                                        <div id="delete${item.url}" style="float:left;" onmouseover="showdelete(this);" onmouseout="hidedelete(this);">
                                            <input id="imgId${status.index+1}" type="hidden" value="${item.url}">
                                            <img id="imgPic${item.url}" width="100px" height="100px;" style="border-radius: 14px;float:left;margin-right:10px;" src="${sessionScope.image_logo}${item.url}">
                                            <span class="deletegoods"   onclick="deleteImg(this);" style="display: none;"><img title="删除图片" src="${ctx}/images/tsjy/deletegoods.png"/></span>
                                        </div>
                                    </c:forEach>
                                </c:if>
                            <div class="uploadergoods" style="float:left;margin-right:10px;">
                                <div class="acblu banner">
                                    <a><img style="z-index:11;width:50px;height:50px;float:left;padding: 15px 0px 0px 25px;" title="上传商品图片" src="${ctx}/images/uploader/uploader.png" />
                                    </a>
                                    <br>
                                    <div style="padding-top: 4px;width: 100px;float: left;text-align: center;color: #fff;font-size: 14px;">上传</div>
                                </div>
                            </div>
                             </div>
                        </div>
                        <div class="mtjxsa" style="float:left;margin-top: 40px;">
                                  <p style="text-align: left" id="imageBtn">
                                      <input type="hidden" name="imageLogoUrl" id="imageLogoUrl" />
                                  </p>
                              </div>
                            <%@include file="/views/common/uploader/picture.jsp" %></td>
                </tr>
                <tr>
                    <td colspan="2" class="sub-td"><input type="button" class="submit" onclick="saveOrUpdate();" value="提交"/></td>
                </tr>
            </table>
      
    </div>
   </div>
</div>
<jsp:include page="/views/common/footer.jsp" />
<script src="${ctx}/js/controllers/suggestion/complaintsInfoEditController.js" type="text/javascript"></script>
<script type="text/javascript">
    var ctx = '${ctx}';
    setCtx(ctx);
</script> 
    <!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
  <script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script> 
</body>
</html>